<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%pageContext.setAttribute("path", request.getContextPath()); %>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="referrer" content="no-referrer">

    <!-- Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    
	<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <!-- My CSS -->
    <style>
        .container{
            width:100%;
            height:100%;
            background: #252A2F;
            padding: 0;
        }

    </style>

</head>
<%
	pageContext.setAttribute("path", request.getContextPath());
%>
<body>

<div id="login-modal" class="modal fade not-select" tabindex="-1"
		role="dialog">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="myModalLabel">添加学校</h4>
				</div>
				<div class="modal-body">
					<form class="">
						<div id="username-group" class="form-group has-feedback">
							<label for="input-username" class="control-label">学校名称:</label> <input
								id="input-username" type="text" maxlength="20" name="username"
								class="form-control"> <span
								class="glyphicon form-control-feedback" aria-hidden="true"></span><span
								id="username-help" class="help-block"></span>
						</div>
						<div id="password-group" class="form-group has-feedback">
							<label for="input-password" class="control-label">学校编号:</label> <input
								id="input-password" maxlength="20" type="password"
								name="password" class="form-control"> <span
								class="glyphicon form-control-feedback" aria-hidden="true"></span><span
								id="password-help" class="help-block"></span>
						</div>
					</form>
					<hr />
					<div id="other-load-div">
					</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
					<button id="login" type="button" class="btn btn-primary">&nbsp;&nbsp;登&nbsp;&nbsp;&nbsp;&nbsp;陆&nbsp;&nbsp;</button>
				</div>
			</div>
		</div>
	</div>

<div>
    <button id="btn" class="btn btn-default" data-toggle="modal" data-target="#login-modal">打开</button>
    <a id="b" class="btn btn-default">JS打开</a>
</div>

<script src="${path }/js/jquery-3.3.1.min.js"></script>
	
<script>
	$(function() {
	    $("#b").click(function(){
	    	alert("show");
	    	$('#login-modal').modal('show')
	    });
	});
</script>


<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
</body>
</html>